<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


    <title>jqGird</title>

    <link rel="shortcut icon" href="favicon.ico"/>

    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet"/>
    <link href="css/animate.css" rel="stylesheet"/>
    <link href="css/style.css?v=4.1.0" rel="stylesheet"/>

    <link th:href="@{css/jquery-ui.css}" rel="stylesheet"/>
    <!-- jqgrid-->
    <link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet"/>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/jquery-ui-1.10.4.min.js"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>



    <!-- jqGrid -->
    <script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
    <script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>




    <!-- bootstrap -->

    <link rel="stylesheet" type="text/css" href="bootstrap3/css/bootstrap.css">

    <!-- Vue -->
    <script src="bower_components/vue/dist/vue.js"></script>
    <link rel="stylesheet" href="bower_components/plugins/css/vueAlert.css">
    <script src="bower_components/select2/dist/js/select2.min.js"></script>
    <script src="bower_components/select2/dist/js/i18n/zh-CN.js"></script>
    <script src="bower_components/vue-select/dist/vue-select.js"></script>

    <link rel="stylesheet" href="bower_components/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="bower_components/vue-select/dist/vue-select.css">
    <link rel="stylesheet" href="bower_components/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">



    <script src="../bower_components/popper.js/dist/umd/popper.min.js"></script>
    <script src="../bower_components/polyfill/dist/polyfill.min.js"></script>



    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>

    <!-- Sweet alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet"/>
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>


    <!--    &lt;!&ndash; Layui 模板 &ndash;&gt;-->
    <link rel="stylesheet" href="layui/css/layui.css"  media="all">
    <script src="layui/layui.js" charset="utf-8"></script>

    <style>
        /* Additional style to fix warning dialog position */
        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>

</head>

<body class="gray-bg">


<div id="loading" style="text-align: center;">
    <img alt="alt" th:src="@{img/loading.gif}"/>
</div>
<div id="app" style="    margin: 16px 0 0 21px; width: 1268px;padding: 10px;">
    <form v-on:submit.prevent="findMethod()">
        <input type="text" class="sel" placeholder="请输入运单编号" v-model="waybillId"></input>
            <div class="layui-input-block"  style="float: right; width: 158px; margin: -3px 886px 0 0;">
                <v-select placeholder="请选择派件员"
                          :options="branchManagerlist"
                          v-model="branchManager"
                          :reduce="option => option.value">
                </v-select>
            </div>
        <button type="submit" class="layui-btn layui-btn-xs layui-btn-normal"  style="  width: 46px;margin: -32px 819px 0px 0px;float: right;
        height: 24px;"><span class="fa fa-search"></span>搜索</button>

    </form>
</div>






<!-- 主体 -->
<div class="wrapper wrapper-content  animated fadeInRight" style="padding-top: 0;">
    <div class="row">
        <div class="col-sm-12">
            <div class="jqGrid_wrapper">
                <table id="table_list_2"></table>
                <div id="pager_list_2"></div>
            </div>
        </div>
    </div>
</div>


</body>
<style type="text/css">
    .ui-jqgrid .ui-jqgrid-bdiv {
        border-top: 1px solid #E1E1E1;
        overflow-x: auto;
    }
    .frozen-div .frozen-bdiv {
        background-color: #E4E6E9;/*与网页背景色一致*/
    }
    .sel{
        margin: 0 0 0 24px;
        width: 158px;
        height: 24px;
    }
    #table_list_2>tbody>tr>td, .ui-jqgrid-labels>th{
        padding: 8px 2px 8px 8px;
        border: 1px solid #e7eaec;
    }
    .jqgfirstrow{
        display: none;
    }
    *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }





</style>
<script>
    layui.use(['form'], function(){
        var form = layui.form
            ,layer = layui.layer;
    });

</script>
<script th:src="@{js/jquery-ui.custom.min.js}"></script>
<script th:src="@{js/lin/dialog.js}"></script>
<script th:src="@{js/lin/signWaybillSearch.js}"></script>

</html>
